<!DOCTYPE html>
<!--  This site was created in Webflow. http://www.webflow.com  -->
<!--  Last Published: Tue Mar 12 2019 13:56:40 GMT+0000 (UTC)  -->
<html data-wf-page="5c83be26364587ca3dfccd7c" data-wf-site="5b6058706abb67d35638771a">
<head>
  <meta charset="utf-8">
  <title>Crypto LP Dashboard</title>
  <meta content="width=device-width, initial-scale=1" name="viewport">
  <meta content="Webflow" name="generator">
  <link href="css/normalize.css" rel="stylesheet" type="text/css">
  <link href="css/webflow.css" rel="stylesheet" type="text/css">
  <link href="css/crypto-lp-dashboard.webflow.css" rel="stylesheet" type="text/css">
  <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js" type="text/javascript"></script>
  <script type="text/javascript">WebFont.load({  google: {    families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic"]  }});</script>
  <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
  <script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
  <link href="images/Artboard-32x32.png" rel="shortcut icon" type="image/x-icon">
  <link href="images/Artboard-256x256.png" rel="apple-touch-icon">
</head>
<body class="body">
  <div class="header">
    <div data-collapse="small" data-animation="over-right" data-duration="400" class="navbar w-nav">
      <div class="navbar-container w-container"><a href="#" class="brand w-nav-brand"><img src="images/LP-logo.png" height="37" width="28" alt="" class="logo"></a>
        <nav role="navigation" class="nav-menu w-clearfix w-nav-menu"><a href="index.html" class="nav-link w-nav-link">Dashboard</a><a href="old-home.html" class="nav-link active-button-menu w-nav-link w--current">Liquidity </a><a href="volume.html" class="nav-link w-nav-link">Volume</a><a href="price.html" class="nav-link w-nav-link">Price</a><a href="rebalancing.html" class="nav-link w-nav-link">Rebalancing</a><a href="users.html" class="nav-link w-nav-link">Users</a>
          <div data-hover="1" data-delay="0" class="profile-dropdown w-dropdown">
            <div data-w-id="6f871ca0-d0d1-3afa-7d91-201f5fb8da03" class="dropdown-toggle w-dropdown-toggle"><img src="images/man2x.png" height="36" width="36" alt="" class="profile-image">
              <div class="user-name-text"><strong class="bold-text">Ricky Woods</strong></div>
            </div>
            <nav data-w-id="6f871ca0-d0d1-3afa-7d91-201f5fb8da08" class="dropdown-list w-dropdown-list"><a href="#" data-w-id="6f871ca0-d0d1-3afa-7d91-201f5fb8da09" class="dropdown-link w-dropdown-link">Log Out</a></nav>
          </div>
        </nav>
        <div class="menu-button w-nav-button">
          <div class="icon w-icon-nav-menu"></div>
        </div>
      </div>
    </div>
    <div class="container w-container">
      <div class="dropdown-div-block">
        <div data-delay="0" data-hover="1" class="dropdown-markets w-dropdown">
          <div class="dropdown-toggle-market w-dropdown-toggle">
            <div data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a03" class="icon-arrow w-icon-dropdown-toggle"></div><img src="images/89.png" width="38" height="38" alt="" class="logo-market">
            <div class="text-block">CoinBase Pro</div>
          </div>
          <nav data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a07" class="dropdown-list w-dropdown-list">
            <div data-w-id="4a9754d0-3e81-2c66-4b7d-4e0f80eb76f4" class="dropdown-item"><img src="images/270.png" width="26" height="26" alt="" class="market-logo"><a href="#" class="dropdown-link market-link w-dropdown-link">Binance</a></div>
            <div data-w-id="52db4ce8-c663-7531-8b82-bed2a25a0b3f" class="dropdown-item"><img src="images/402.png" width="26" height="26" alt="" class="market-logo"><a href="#" class="dropdown-link market-link w-dropdown-link">Coinsuper</a></div>
            <div data-w-id="4797eb47-dd92-d852-3492-068ac0f2a899" class="dropdown-item"><img src="images/89.png" width="26" height="26" alt="" class="market-logo"><a href="#" class="dropdown-link market-link w-dropdown-link">CoinBase Pro</a></div>
            <div data-w-id="b9a5c5d3-5f71-739b-e1a7-50ea9052df28" class="dropdown-item"><img src="images/271.png" width="26" height="26" alt="" class="market-logo"><a href="#" class="dropdown-link market-link w-dropdown-link">Bitfinex</a></div>
          </nav>
        </div>
        <div data-delay="0" data-hover="1" class="dropdown-pair w-dropdown">
          <div data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a11" class="dropdown-toggle-pair w-dropdown-toggle">
            <div data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a12" style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0DEG) skew(0, 0)" class="icon-arrow pair w-icon-dropdown-toggle" data-ix="pair"></div>
            <div class="currency-text">BTC / USD</div>
          </div>
          <nav data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a15" style="display:none" class="dropdown-list w-dropdown-list"><a href="#" data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a16" class="dropdown-link w-dropdown-link">ETH/USDT</a><a href="#" data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a18" class="dropdown-link w-dropdown-link">BTC/USD</a><a href="#" data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a1a" class="dropdown-link w-dropdown-link">XRP/KRW</a><a href="#" data-w-id="ee0f0336-8931-7c59-43d6-11cba1ef7a1c" class="dropdown-link w-dropdown-link">BCH/ETH</a></nav>
        </div>
      </div>
      <div class="time-wrapper">
        <div class="time-block"><a href="#" class="date-link noneactive">Month</a></div>
        <div class="time-block"><a href="#" class="date-link noneactive">Week</a></div>
        <div class="time-block active"><a href="#" class="date-link active">Day</a></div>
        <div class="time-block"><a href="liquidity-now.html" class="date-link noneactive">Now</a></div>
        <div class="time-block"><a href="liquidity-trades.html" class="date-link noneactive">Trades</a></div>
      </div>
    </div>
  </div>
  <div class="main-section">
    <div class="boxes-block liquidity-block w-container">
      <div class="data-box big volume">
        <div class="data-text">0.1 %</div>
        <div class="data-title">Min. Spread</div>
      </div>
      <div class="data-box big volume">
        <div class="data-text">0.7 %</div>
        <div class="data-title">Max. Spread</div>
      </div>
      <div class="data-box big volume">
        <div class="data-text">0.37 %</div>
        <div class="data-title">Average Spread</div>
      </div>
      <div class="data-box big volume indicators">
        <div class="data-text">8.7 ETH</div>
        <div class="data-title">Volume</div>
        <div class="div-block-4">
          <div class="indicator-numbers">61%</div>
          <div class="indicators-block">
            <div class="indicator"></div>
            <div class="indicator green"></div>
          </div>
        </div>
      </div>
      <div class="data-box money-spent">
        <div class="data-text">$ 34.50</div>
        <div class="data-title">Money Spent</div>
      </div>
    </div>
    <div class="container-chart-and-transactions w-container">
      <div data-duration-in="300" data-duration-out="100" data-easing="ease-out" class="main-tab-view w-tabs">
        <div class="tabs-menu w-tab-menu">
          <a data-w-tab="Tab 1" class="tab-link w-inline-block w-tab-link w--current">
            <div class="active-text-block">Chart</div>
          </a>
        </div>
        <div class="w-tab-content">
          <div data-w-tab="Tab 1" class="w-tab-pane w--tab-active">
            <div class="white-gradient reverse"></div>
            <div class="white-gradient"></div>
            <div class="chart">
              <div class="y-data">
                <div class="y-data-indicator">610M</div>
                <div class="y-data-indicator">600M</div>
                <div class="y-data-indicator">590M</div>
                <div class="y-data-indicator">580M</div>
                <div class="y-data-indicator">570M</div>
                <div class="y-data-indicator">560M</div>
                <div class="y-data-indicator">550M</div>
              </div>
              <div class="x-data">
                <div class="dot-and-date-block hide">
                  <div class="x-dot"></div>
                  <div class="text-block-9">12 am</div>
                </div>
                <div class="dot-and-date-block hide">
                  <div class="x-dot"></div>
                  <div class="text-block-9">2 am</div>
                </div>
                <div class="dot-and-date-block">
                  <div class="x-dot"></div>
                  <div class="text-block-9">4 am</div>
                </div>
                <div class="dot-and-date-block hide">
                  <div class="x-dot"></div>
                  <div class="text-block-9">6 am</div>
                </div>
                <div class="dot-and-date-block">
                  <div class="x-dot"></div>
                  <div class="text-block-9">8 am</div>
                </div>
                <div class="dot-and-date-block hide">
                  <div class="x-dot"></div>
                  <div class="text-block-9">10 am</div>
                </div>
                <div class="dot-and-date-block">
                  <div class="x-dot"></div>
                  <div class="text-block-9">12 pm</div>
                </div>
                <div class="dot-and-date-block hide">
                  <div class="x-dot"></div>
                  <div class="text-block-9">2 pm</div>
                </div>
                <div class="dot-and-date-block">
                  <div class="x-dot"></div>
                  <div class="text-block-9">4 pm</div>
                </div>
                <div class="dot-and-date-block hide">
                  <div class="x-dot"></div>
                  <div class="text-block-9">6 pm</div>
                </div>
                <div class="dot-and-date-block hide">
                  <div class="x-dot"></div>
                  <div class="text-block-9">8 pm</div>
                </div>
                <div class="dot-and-date-block">
                  <div class="x-dot"></div>
                  <div class="text-block-9">10 pm</div>
                </div>
              </div>
              <div class="horizontal-lines-chart">
                <div class="horizontal-line"></div>
                <div class="horizontal-line"></div>
                <div class="horizontal-line"></div>
                <div class="horizontal-line"></div>
                <div class="horizontal-line"></div>
                <div class="horizontal-line"></div>
                <div class="horizontal-line"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script src="https://d1tdp7z6w94jbb.cloudfront.net/js/jquery-3.3.1.min.js" type="text/javascript" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
  <script src="js/webflow.js" type="text/javascript"></script>
  <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>